<template>
    <div>
        <!-- <Login v-if="!store.loginFlag"></Login> -->
        <Home v-if="store.loginFlag"></Home>
        <Login v-else></Login>
    </div>
</template>

<script lang="ts" setup>
import { loginFlagStore } from '../../store'
import Login from './Login.vue'
import Home from './Home.vue'

const store = loginFlagStore()
</script>

<style lang="scss">
.size {
    width: 100%;
    height: 100%;
}

html,
body {
    @extend .size;

    padding: 0 !important;
    margin: 0;
    overflow: hidden;

    #app {
        @extend .size;
    }
}
</style>
